@charset 'utf-8';

body{color:#000;background:#cfd9df url(../images/body.gif) center 0 repeat;}

.yahei{font-family:'Microsoft YaHei';}

.top-box,
.nav-box,
.main-box,
.footer-box{min-width:1000px;width:100% !important;margin-right:auto;margin-left:auto;_width:100%;}

.top-box{height:128px;background:url(../images/top-box.jpg) center 0 no-repeat;}
.top-box .logo{position:absolute;top:24px;left:0;}

.top-box .tel{float:right;display:inline;margin-top:25px;font-family:'Microsoft YaHei';text-align:center;}
.top-box .tel h4{line-height:30px;font-size:20px;font-weight:normal;color:#ac8027;}
.top-box .tel p{line-height:48px;font-size:38px;font-weight:bold;color:#85631f;}


/********** nav-box **********/
.nav-box{padding-top:46px;font-family:'Microsoft YaHei';background:url(../images/nav-box.gif) center 0 repeat-x;}
.m-nav{position:relative;zoom:1;}
.m-nav .fir-ul{font-size:0;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;text-align:center;vertical-align:top;*display:inline;*zoom:1;}
.m-nav .fir-ul .u-a{ padding: 10px 0;}
.m-nav .fir-ul .u-a,
.m-nav .fir-ul .u-a span{display:block;}
.m-nav .fir-ul .u-a .cn{overflow:hidden;height:20px;line-height:20px;font-size:16px;font-weight:bold;color:#444;}
.m-nav .fir-ul .u-a .en{overflow:hidden;height:16px;line-height:16px;font-family:Arial;font-size:12px;color:#666;}
.m-nav .fir-ul .current .u-a span,
.m-nav .fir-ul .hover .u-a span{color:#b72a2b;}

.m-nav .sec-ul{position:absolute;z-index:1;top:50px;left:5%;width:90%;padding: 6px 0; background:#e9eef1;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.m-nav .sec-ul li{overflow:hidden;height:24px;line-height:24px;overflow: hidden;}
.m-nav .sec-ul li a{display:block;font-size:12px;color:#444;}
.m-nav .sec-ul li a:hover{color:#b72a2b;}
.m-nav .nav-y .sec-ul{display:none;}


/* banner-box */
.m-banner{position:relative;zoom:1;overflow:hidden;}
.m-banner a{display:block;-webkit-transition:none;-moz-transition:none;transition:none;}
.m-banner img{visibility:hidden;}



.m-main{ width: 960px; margin: 0 auto; padding: 6px 15px 24px; border: solid 5px #fff; background: #e9eef1;}

.m-search{ padding: 6px 0; text-align: right; font-size: 0; line-height: 100%;}
.m-search input{ vertical-align: top;}
.m-search .u-text{ border: solid 1px #6a3906; border-right: none; padding: 0 6px; width: 80px; height: 16px; line-height: 16px; font-size: 12px;font-family: 'SimSun'; overflow: hidden;}
.m-search .u-btn{ border: solid 1px #6a3906; width: 34px; height: 18px; background: #fff url(../images/search-btn.gif) center no-repeat; cursor:pointer;}
.m-search .msgColor{ color: #ccc;}

.m-title{ height: 28px; line-height: 28px; overflow: hidden; border-bottom: solid 1px #ccc; padding-left: 28px; background: url(../images/ico-title.gif) 0 center no-repeat;}
.m-title h2{ font-size: 16px;}
.m-title .more{ float: right; display: inline; margin-left: 6px;}
.m-title .more:hover{color:#f00;}

.m-newsTab .m-title{ border: none;}


.w470{ width: 470px;}
.w440{ width: 440px;}
.w260{ width: 260px;}
.w320{ width: 320px; margin-left: 30px;}


.m-focus .imgBox{position:relative;zoom:1;overflow:hidden; height: 250px;}
.m-focus .imgBox li{float:left;overflow:hidden;text-align:center;_display:inline;}
.m-focus .imgBox li a{ position: relative; zoom:1; display:block;height:100%;text-align:center;}
.m-focus .imgBox li img{max-width:100%;max-height:100%;}
.m-focus .imgBox .u-name{ position: absolute; bottom: 0; left: 0; width: 430px; padding: 0 20px; height: 30px; line-height: 30px; overflow: hidden; text-align: left; font-size: 14px; color: #fff; background: url(../images/pngbg-gray-70.png) repeat;}

.m-focus .pageBox{margin-top:10px;margin-left:-7px;}
.m-focus .pageBox li{float:left;display:inline;overflow:hidden;width:110px;height:70px;margin-left:7px;border:1px solid #e9eef1;cursor:pointer;}
.m-focus .pageBox li a{display:block;overflow:hidden;height:100%;text-align:center;}
.m-focus .pageBox li.selected{border-color:#f00;}
.m-focus .pageBox .u-name{ display: none;}


.m-notice{ position: relative; zoom:1; padding-left: 52px; height: 30px; line-height: 30px; overflow: hidden; background: #d1d6d8;}
.m-notice .title{ position: absolute; top: 0; left: 0; width: 52px; text-align: right; font-family:'SimSun'; font-size: 12px; color: #f00; font-weight: normal;}
.m-notice .infoList li{ height:30px; line-height:30px; overflow: hidden;}
.m-notice .infoList li .u-time{ float:right; display: inline; color:#666; margin:0 6px;}
.m-notice .infoList a{ color: #2d2d2d;}
.m-notice .infoList a:hover{ color: #f00;}
.m-notice .infoCon{ line-height: 30px;}

.m-case{}
.m-case li{ position: relative; zoom:1; padding:7px 0 7px 60px; height: 96px; border-bottom: solid 1px #d1d6d8;}
.m-case .u-name{ position: absolute; top: 50%; left: 0; margin-top: -46px; padding: 10px 6px; width: 18px; height: 72px; line-height: 18px; overflow: hidden; background: url(../images/case-name.gif) no-repeat; font-size: 16px; font-weight: normal; text-align: center;}
.m-case .u-name a{ display:block;}
.m-case .u-name a:hover{ color: #f00;}
.m-case .u-con{ height: 96px; line-height: 24px; overflow: hidden;}
.m-case .more{ display:block; width: 100px; height: 30px; line-height: 30px; overflow: hidden; background: #ccc; text-align: center; margin: 9px auto 0;}
.m-case .more:hover{ color: #f00;}


.m-tabBox .tabTitle li{ float:left; display:inline; width: 86px; height:22px; line-height:22px; overflow:hidden; font-size:12px; border: solid 1px #b9aa8d; text-align: center; cursor:pointer;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.m-tabBox .tabTitle li.on{ color: #f00;}

.m-tabBox .tabCon .content{ padding-top: 10px;}

.m-video{ width: 470px; height: 162px; overflow: hidden;}

.m-news-1 li{ position: relative; zoom:1; overflow: hidden; height: 30px; line-height: 30px; border-bottom: dashed 1px #ccc; padding-left: 22px;}
.m-news-1 li a:hover{ color: #f00;}
.m-news-1 li .ico{ position: absolute; top: 50%; left: 2px; width: 5px; height: 5px; margin-top: -3px; overflow: hidden; background: #b9aa8d;}
.m-news-1 li .u-time{ float: right; display: inline; margin-left: 6px; color: #666;}
.m-news-1 li.pic{ padding: 5px 0; height: auto;}
.m-news-1 li.pic .u-img{ float: left; display: inline; width: 100px; height: 50px; overflow: hidden; margin:4px 10px 0 0;}
.m-news-1 li.pic .u-name{height: 22px; line-height: 22px; overflow: hidden; font-size: 14px; font-weight: normal; font-family:'SimSun';}
.m-news-1 li.pic .u-con{ height: 36px; line-height: 18px; overflow: hidden; color: #666;}

.m-news-2 li{ padding: 11px 0; border-bottom: dashed 1px #ccc;}
.m-news-2 li a:hover{ color: #f00;}
.m-news-2 li .u-name{height: 22px; line-height: 22px; overflow: hidden; font-size: 14px; font-weight: normal; font-family:'SimSun';}
.m-news-2 li .u-con{ height: 36px; line-height: 18px; overflow: hidden; color: #666;}

.m-news-3 li{ position: relative; zoom:1; overflow: hidden; height: 30px; line-height: 30px; border-bottom: dashed 1px #ccc; padding-left: 22px;}
.m-news-3 li a:hover{ color: #f00;}
.m-news-3 li .ico{ position: absolute; top: 50%; left: 2px; width: 5px; height: 5px; margin-top: -3px; overflow: hidden; background: #b9aa8d;}


.m-navList li{ position: relative; zoom:1; float: left; display: inline; margin-left: 10px; padding-left: 15px; height: 29px; line-height: 29px; overflow: hidden; border-bottom: dashed 1px #ccc;}
.m-navList li .ico{ position: absolute; top: 50%; left: 2px; width: 5px; height: 5px; margin-top: -3px; overflow: hidden; background: #b9aa8d;}
.m-navList li a:hover{ color: #f00;}

.m-navList .list-1 .u-img{ width: 100px;height: 150px;overflow: hidden;}
.m-navList .list-1 ul{ width: 210px;}
.m-navList .list-1 li{ width: 80px;}

.m-navList .list-2 .u-img{ width: 90px;height: 150px;overflow: hidden;}
.m-navList .list-2 ul{ width: 220px;}
.m-navList .list-2 li{ width: 85px;}


.footer-box{padding: 10px 0; background: #999; text-align: center;}
.footer-box,.footer-box a{ color: #fff;}
.footer-box a:hover{ color: #b72a2b;}
.footer-text{ margin-top: 6px;}

/** client **/
.m-client{position:fixed; right: 0; top:200px;z-index:999;}
.m-client .client-title{ padding: 30px 10px; width: 22px; height: 72px; line-height: 24px; background: #999; font-size: 20px; font-weight: normal;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px; color: #fff; cursor: pointer;}
.m-client .client-con{ width: 235px; background:#999;}
.m-client .client-msg{ margin: 6px; padding: 30px 15px; background: #fff;}
.m-client .client-msg li{ padding: 5px 0; line-height: 22px;}
.m-client .client-msg .u-name{ float: left; display: inline; width: 68px; height: 22px; line-height: 22px; overflow: hidden;}
.m-client .client-msg .u-text,
.m-client .client-msg .u-textarea{ vertical-align: top; border: solid 1px #ccc; padding: 0 4px; width: 110px; line-height: 20px; font-size: 12px; font-family:'SimSun';}
.m-client .client-msg .u-text{ height: 20px;}
.m-client .client-msg .u-textarea{ height: 60px;}
.m-client .client-msg .u-btn{ display:block; margin: 10px auto 0; background: #9a0000; width: 130px; height: 30px; overflow: hidden; cursor: pointer; border: 0 none; color: #fff;}


.sub-box{padding-top:30px;}

.m-sub .left-column{width:200px;}
.m-sub .right-column{ width: 770px; border: solid 5px #fff; background: #e9eef1;}

.m-sub .m-content{min-height:400px;_height:400px;}
.sub-share{padding:10px 0;}
.sub-share a{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none;}
.sub-share .bdsharebuttonbox{float:right;}


.m-leftmenu-title{overflow:hidden;height:30px;line-height:30px;padding:0 10px;font-size:16px; text-align: center; background: url(../images/leftmenu-title.gif) no-repeat;}
.m-leftmenu{padding-top:10px;}
.m-leftmenu h4{overflow:hidden;height:28px;line-height:28px;font-weight:normal;border: solid 1px #888;margin-top: 10px;}
.m-leftmenu h4.first{margin-top:0;}
.m-leftmenu h4 a{display:block;padding:0 10px; text-align: center;background: #d2dbe4 url(../images/leftmenu-arr.gif) 200px center no-repeat;}
.m-leftmenu h4.current a,
.m-leftmenu h4.hover a{background-color:#e70014; background-position: 177px center; color: #fff;}
.m-leftmenu ul{display:none;padding-top: 6px;}
.m-leftmenu li{ height: 24px; line-height: 24px; overflow: hidden; text-align: center;}
.m-leftmenu li a:hover{ color: #e70014;}


.sub-title{overflow:hidden;height:30px;line-height:30px;padding:4px 0 0; background: #4e4e4e;}
.sub-title-inner{ padding: 0 18px; border-top: solid 1px #fff;}
.sub-title,.sub-title a{ color: #fff;}
.sub-title a:hover{text-decoration:underline;}

.sub-title h2{padding-left:20px;font-size:16px;background:url(../images/ico-sub-title.gif) 0 center no-repeat;}

.m-current{float:right;display:inline;}


.sub-proList{padding:10px 15px 0;}
.sub-proList li{ margin-bottom: 10px; padding: 10px 0; border-bottom: dashed 1px #ccc;}
.sub-proList li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.sub-proList .u-img{float: left; display: inline;overflow:hidden;width:200px;height:120px;}
.sub-proList .conBox{ float: right; display: inline; width: 520px;}
.sub-proList .u-name{overflow:hidden;height:24px;line-height:24px;font-family:'SimSun';font-weight:normal; border-bottom: solid 1px #ccc;}
.sub-proList .u-name a:hover{ color: #f00;}
.sub-proList .u-con{ padding-top: 6px; height: 66px; line-height: 22px; overflow: hidden; color: #666;}
.sub-proList .more{ float: right; display: inline; color: #f00; line-height: 22px;}
.sub-proList .more:hover{ text-decoration: underline;}

.sub-newsList{padding:10px 15px 0;}
.sub-newsList li{ margin-bottom: 10px; padding: 10px 0; border-bottom: dashed 1px #ccc;}
.sub-newsList li:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.sub-newsList .u-name{position: relative; zoom:1; overflow:hidden;height:24px;line-height:24px;font-family:'SimSun';font-weight:normal; border-bottom: solid 1px #ccc;padding-left: 20px;}
.sub-newsList .u-name:after{content:".";position:absolute; top: 50%; left: 0; width: 5px; height: 5px; margin-top: -3px; overflow: hidden; background: #b7ac90;}
.sub-newsList .u-name a:hover{ color: #f00;}
.sub-newsList .u-con{ padding-top: 6px; line-height: 22px; overflow: hidden; color: #666;}
.sub-newsList .more{ float: right; display: inline; color: #f00; line-height: 22px;}
.sub-newsList .more:hover{ text-decoration: underline;}

.detail-download{ padding: 10px 0; text-align: right;}
.detail-download a{vertical-align: top; margin-right: 6px; display:inline-block; *display: inline; zoom:1; text-align: center; width: 80px; height: 25px; line-height: 25px; overflow: hidden; background: #4e4e4e; color: #fff;}
.detail-download a:hover{ background:#f00;}

.pro-detail{padding:5px 15px 20px;}
.pro-detail h1{ padding: 14px 0; margin-bottom: 20px; line-height:36px;font-size:24px; font-weight: normal; text-align:center;color:#b72a2b; border-bottom: solid 1px #ccc;}
.pro-detail .detail-share{padding:5px 0;text-align:right;}
.pro-detail .detail-img{position:relative;zoom:1;overflow:hidden;padding:10px 0;text-align:center;}
.pro-detail .detail-img img,
.pro-detail .detail-con img{max-width:740px;_width:expression((documentElement.clientWidth < 740) ? "" : "740px" );}

.pro-detail .detail-img .debtn-prev,
.pro-detail .detail-img .debtn-next{position:absolute;z-index:11;top:50%;display:block;width:54px;height:87px;margin-top:-44px;background:url(../images/pic-debtn.gif) no-repeat;opacity:.3;filter:alpha(opacity=30);-moz-opacity:.3;-khtml-opacity:.3;}
.pro-detail .detail-img .debtn-prev:hover,
.pro-detail .detail-img .debtn-next:hover{opacity:.8;filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;}
.pro-detail .detail-img .debtn-prev{left:0;background-position:left 0;}
.pro-detail .detail-img .debtn-next{right:0;background-position:right 0;}
.pro-detail .detail-con{line-height:24px;padding:10px 0;font-size:12px; color: #666;}

.pro-detail .detail-page{border-top:1px solid #ddd;}
.pro-detail .detail-page .page-text{overflow:hidden;width:48%;height:48px;line-height:48px;white-space:nowrap;text-overflow:ellipsis;color:#666;}
.pro-detail .detail-page .page-text a{color:#666;}
.pro-detail .detail-page .page-text a:hover{color:#f00;}
.pro-detail .detail-page .f-fr{text-align:right;}

.news-detail{padding:5px 15px 20px;}
.news-detail h1{ padding: 14px 0; margin-bottom: 20px; line-height:36px;font-size:24px; font-weight: normal; text-align:center;color:#b72a2b; border-bottom: solid 1px #ccc;}
.news-detail .detail-share{padding:5px 0;text-align:right;}
.news-detail .detail-img{padding:10px 0;text-align:center;}
.news-detail .detail-con{line-height:24px;padding:10px 0;font-size:12px; color: #666;}
.news-detail .detail-img img,
.news-detail .detail-con img{max-width:740px;_width:expression((documentElement.clientWidth < 740) ? "" : "740px" );}

.news-detail .detail-page{border-top:1px solid #ccc;}
.news-detail .detail-page .page-text{overflow:hidden;width:48%;height:48px;line-height:48px;font-size:14px;white-space:nowrap;text-overflow:ellipsis;color:#666;}
.news-detail .detail-page .page-text a{color:#666;}
.news-detail .detail-page .page-text a:hover{color:#f00;}
.news-detail .detail-page .f-fr{text-align:right;}

.sub-content{line-height:24px;padding:5px 15px 20px;font-size:12px; color: #666;}
.sub-content img{max-width:740px;_width:expression((documentElement.clientWidth < 740) ? "" : "740px" );}
.sub-content .f-fl{width:auto;margin:0 0 10px 10px;}
.sub-content h1{ padding: 14px 0; margin-bottom: 20px; line-height:36px;font-size:24px; font-weight: normal; text-align:center;color:#b72a2b; border-bottom: solid 1px #ccc;}
.sub-content p{line-height:24px;}
.sub-content #platform img{max-width:none;_width:none;}

.sub-message{padding:50px 30px;}
.sub-message .m-textimg{line-height:24px;margin-bottom:20px;font-size:14px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{display:inline-block;padding-right:5px;font-style:normal;color:#f00;*display:inline;*zoom:1;}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{margin-bottom:20px;padding:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{position:relative;display:inline-block;width:80px;height:30px;line-height:30px;text-align:right;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align:top;}
.sub-message .m-form .td-textarea{width:60%;vertical-align:middle;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px;vertical-align:middle;}
.sub-message .m-submit{text-align:right;vertical-align:top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;font-family:'microsoft yahei';font-size:14px;border:none;cursor:pointer;}
.sub-message .m-submit input{width:80px;height:24px;line-height:24px;margin:0;padding-left:5px;vertical-align:top;cursor:auto;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{font-family:'microsoft yahei';border:1px solid #e1e1e1;background:#fff;}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f9f9f9;}
.sub-message .m-submit .btn{color:#fff;background:#b72a2b;}

.search-no .bd{padding:60px 0 60px 0;border-bottom:1px solid #ddd;}
.search-no .inputs{width:400px;margin-right:auto;margin-left:auto;font-size:0;}
.search-no .inputs input{vertical-align:top;font-family:'SimSun';font-size:14px;}
.search-no .inputs input.text{width:322px;height:30px;line-height:30px;padding:0 6px;border:2px solid #333;border-right:0;background:#fff;}
.search-no .inputs input.btn{width:60px;height:34px;color:#fff;border:0;border:0 none;background:#333;cursor:pointer;}
.search-no .pt{height:240px;padding:100px 0 0 250px;background:url(../images/search-no.png) 30px center no-repeat;}
.search-no .pt h3{margin-bottom:10px;font-size:18px;font-weight:normal;color:#333;}
.search-no .pt h3 span{color:#c00;}
.search-no .pt p{color:#888;}

.search-content{border-top:1px solid #ddd;}
.search-content li{padding:30px 20px;border-bottom:1px solid #ddd;*zoom:1;}
.search-content li.hover{background:#f5f5f5;}
.search-content li:after{display:block;visibility:hidden;clear:both;overflow:hidden;height:0;content:'.';}
.search-content li .u-img{float:left;display:inline;overflow:hidden;overflow:hidden;width:200px;height:120px;margin-right:20px;border:solid 1px #ccc;}
.search-content li .u-img:hover{border-color:#f00;}
.search-content li .u-name{line-height:30px;margin-bottom:5px;font-family:'SimSun';}
.search-content li .u-name a:hover{text-decoration:underline;}
.search-content li .u-time{float:right;display:inline;font-size:12px;font-weight:normal;color:#999;}
.search-content li .u-con{line-height:24px;}
.search-content li a{color:#f00;}
.search-content li p{color:#666;}

.links-box .area{background:none;}
.links-box{padding: 5px 0 10px;background: #ccdae6;color: #333333;font-family: "微软雅黑";font-size: 14px;}
.links-box .links-tit{display: block;height: 50px;width: 78px;line-height: 30px;}
.links-box .links-list{line-height: 24px;width: 915px;}
.links-box .links-list p{line-height: 30px;}
.links-box .links-list p a:hover{text-decoration: none;color: #11437e;}